{% extends 'mainpage.html' %}
{% block stylesheet %}
    <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ url_for('static', filename='js/move-top.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/easing.js') }}"></script>
    <script src="{{ url_for('static', filename='js/modernizr.custom.js') }}"></script>
    <script src="{{ url_for('static', filename='js/jquery-2.1.4.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/jquery-rebox.css') }}" type="text/css"/>
    <script src="{{ url_for('static', filename='js/jquery-rebox.js') }}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},900);
            });
        });
    </script>
{% endblock %}
{% block content %}	
<div class="gallery">
    <h3>Gallery</h3>
    <div class="container">
    <div id="gallery2" class="gallery">
    <ul>
    {% for i in range(0,11) %}
    <li class="col-md-3 gal-alt">
    <a href="{{ url_for('static', filename='images/17.jpg') }}" title="abcdef">
    <img src="{{ url_for('static', filename='images/17.jpg') }}" >
    <h4>Lorem Ipsum</h4>
    <p> Lorem Ipsum has been the industry's standard dummy text </p>
    </li></a>
    {% endfor %}
    </ul>
    </div>
    <script>
    $('#gallery2').rebox({ selector: 'a' });
    </script>
    </div>
</div>
{% endblock %}
